<!--标题组件  -->
<template>
  <div
    class="titleview"
    :style="{
      'background-color': config.ConfigData.bgcolor,
      'text-align': config.ConfigData.showtype,
      color: config.ConfigData.txtcolor,
      margin: '0 ' + config.ConfigData.margin + 'px',
      'border-radius': config.ConfigData.radius + 'px',
      padding: '0 ' + config.ConfigData.padding + 'px'
    }"
  >
    <div class="defaulttitle" style="">{{ config.ConfigData.title }}</div>
    <div class="defaultsubtitle" style="">
      {{ config.ConfigData.desctitle }}
    </div>
  </div>
</template>

<script>
export default {
  name: "TitleCopt",
  props: {
    config: Object
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {}
};
</script>

<style lang="scss">
.titleview {
  text-align: left;
  padding: 0 10px;
}
.defaulttitle {
  //color: #222;
  font-size: 36px;
  display: block;
  font-weight: bold;
}
.defaultsubtitle {
  //color: #999;
  font-size: 24px;
}
</style>
